<template>
	<div class="admin_nav">
		<div class="div1">
		            <el-menu
		                  default-active="2"
		                  class="el-menu-vertical-demo"
		                  @open="handleOpen"
		                  @close="handleClose"
		                  background-color="#545c64"
		                  text-color="#fff"
		                  active-text-color="#00c2af">
		                  
		                <el-submenu index="1">
		                    <template slot="title">
		                        <span>热度图片</span>
		                    </template>
		                    <el-menu-item-group>
		                        <router-link to="/admin/hotphoto"><el-menu-item index="1-1">热度图片</el-menu-item></router-link>
		                    </el-menu-item-group>
		                </el-submenu>
		                <el-submenu index="2">
		                    <template slot="title">
		                        <span>类型管理</span>
		                    </template>
		                    <el-menu-item-group>
		                        <router-link to="/admin/booklist1"><el-menu-item index="2-1">一级类型</el-menu-item></router-link>
		                        <router-link to="/admin/booklist2"><el-menu-item index="2-2">二级类型</el-menu-item></router-link>
		                    </el-menu-item-group>
		                </el-submenu>
		                <el-submenu index="3">
		                    <template slot="title">
		                        <span>商品管理</span>
		                    </template>
		                    <el-menu-item-group>
		                        <router-link to="/admin/goos"><el-menu-item index="3-1">商品管理</el-menu-item></router-link>
		                    </el-menu-item-group>
		                </el-submenu>
		                <el-submenu index="4">
		                    <template slot="title">
		                        <span>用户管理</span>
		                    </template>
		                    <el-menu-item-group>
		                        <router-link to="/admin/freezepwd"><el-menu-item index="4-1">冻结密码重置</el-menu-item></router-link>
		                        <router-link to="/admin/addadm"><el-menu-item index="4-2">管理员添加</el-menu-item></router-link>
		                    </el-menu-item-group>
		                </el-submenu>
		                <el-submenu index="5">
		                    <template slot="title">
		                        <span>订单管理</span>
		                    </template>
		                    <el-menu-item-group>
		                        <router-link to="/admin/orders"><el-menu-item index="5-1">订单详情</el-menu-item></router-link>
		                    </el-menu-item-group>
		                </el-submenu>
		                <el-menu-item index="6">
							<template slot="title">
								<router-link to="/mobile/home"><span >APP</span></router-link>
							</template>
		                </el-menu-item>
		            </el-menu>
		        </div>
	</div>
</template>

<script>
export default {
	name:'AdminNavigation',
	data(){
		return{
			
		}
	},
	methods:{
		handleOpen(key, keyPath) {
			console.log(key, keyPath);
		},
		handleClose(key, keyPath) {
			console.log(key, keyPath);
		}
	}
}
</script>

<style scoped>
a{
	color: white;
}
.admin_nav{
	width: 210px;
	background-color: #393d49;
}
</style>
